<template>
	<view>
		<view style="position: relative;">
			<!-- <u-swiper :height="300" :width="1000" :list="list" :interval="3000"></u-swiper> -->
			<u-icon style="margin-left: 40rpx;margin-top: -380rpx;position: absolute;" name="arrow-left" size="50"
				@click="back"></u-icon>
			<view style="width: 670rpx;margin-left: 40rpx;margin-top: 20rpx;">
				<!-- 热门推荐 -->
				<view style="font-size: 35rpx;font-weight: bolder;">客服电话</view>
				<view
					style="border-radius: 20rpx;background-color: #FFFFFF;width: 100%;margin-top: 20rpx;padding-top: 10rpx;">
					<view class="jh_u-f-ajb" style="margin: 40rpx;border-bottom: 1rpx solid #EAEAEA;height: 80rpx;"
						v-for="(item,index) in recommendation" :key="index">
						<view class="jh_ellipsis"
							style="font-weight: bolder;width: 350rpx;overflow:scroll;text-overflow:initial">
							{{item.tellname}}:{{item.tellnumber}}</view>
						<view
							style="width: 120rpx;height: 60rpx;background: linear-gradient(270deg, #FF423F, #FF763F);border-radius: 30rpx;color: #FFFFFF;display: flex;align-items: center;justify-content: center;"
							@click="call(item)">
							拨号
						</view>
					</view>
				</view>
			</view>
		</view>
		<u-toast ref="uToast"></u-toast>
	</view>
</template>

<script>
	var _self;
	// #ifdef MP-WEIXIN
	import amap from '../../js_sdk/amap-wx.130.js';
	// #endif
	export default {
		data() {
			return {
				list: [{
					image: 'https://zhcxservice.145u.net/Images/ZHCX/chengjikuaiche1.png',
				}],
				recommendation: [{
					tellname: '客服电话',
					tellnumber:'13328513020',
				}, {
					tellname: '客服电话',
					tellnumber:'0599-968951',
				}, {
					tellname: '武夷汽车站',
					tellnumber:'0599-5311446',
				}, {
					tellname: '松溪汽车站',
					tellnumber:'0599-2321988',
				}, {
					tellname: '政和汽车站',
					tellnumber:'0599-3326606',
				}, {
					tellname: '顺昌汽车站',
					tellnumber:'0599-7850248',
				}, {
					tellname: '浦城汽车站',
					tellnumber:'0599-2882372',
				}, {
					tellname: '延平汽车站',
					tellnumber:'0599-8622957',
				}, {
					tellname: '建瓯汽车站',
					tellnumber:'0599-3732465',
				}, {
					tellname: '建阳汽车站',
					tellnumber:'0599-5823116',
				}, {
					tellname: '邵武汽车站',
					tellnumber:'0599-6322141',
				}, {
					tellname: '光泽汽车站',
					tellnumber:'0599-6972369',
				}],
			}
		},
		onLoad() {
			_self = this;

		},
		created() {},
		methods: {
			back: function() {
				uni.navigateBack();
			},
			call: function(item) {
				//呼叫客服1
				let that = this;
				uni.makePhoneCall({
					phoneNumber: item.tellnumber
				});
			},
		}
	}
</script>

<style lang="scss">
	.row-rotate {
		transition-duration: 0.3s;
		transform: rotate(0deg);
	}
</style>